<template>
    <titleComponents :title="title" />

    <photoHomeShowComponents3Class :article="articles" />
</template>

<script>
import { ref } from 'vue';
import titleComponents from './homeComponents/titleComponents.vue';
import photoHomeShowComponents3Class from './homeComponents/photoHomeShowComponents3Class.vue';
import $ from 'jquery';
export default {
    name: "cultureComponents",
    components: {
        titleComponents,
        photoHomeShowComponents3Class,
    },
    setup() {
        let title = ref('红色文化');
        let articles = ref([]);
        $.ajax({
            type: "post",
            url: "http://124.221.73.180:3001/homeArticle/getShowHomeByTag/",
            data: {
                tag: "红色文化",
            },
            success(resp) {
                articles.value = resp.article;
            }
        })
        return {
            articles,
            title,
        }
    }
}

</script>

<style scoped></style>